<template>
    <div class="category">
        <h3>xxx分类</h3>
        <ul>
            <li>xxx</li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: 'Category',
    }
</script>

<style scoped lang="scss">
    .category{
        width: 200px;
        height: 300px;
        border-radius: 30px 80px 20% 80px;
        background: linear-gradient(40deg,#96a58b,#3e0d8028,#719fb9,#3e0d8028);
        h3{
            // color: whitesmoke;
            text-align: center;
            line-height: 30px;
            background: linear-gradient(to bottom,#915b8e,#8a45e428,#9408e6,#3e0d8028);
            background-clip: text;
            color: transparent;
            // background-color: rgba(240, 6, 228, 0.37);
        }
    }
    
</style>